<template>
  <div class="main-content sys-error">
    <p class="se-top">
      <img src="../../../assets/tszs/rz-fail.png" alt="">
    </p>
    <p class="se-mid">
      <span>系统异常，请稍后重试！</span>
      <i class="el-icon-refresh" @click="refreshPage"></i>
    </p>
  </div>
</template>

<script>
export default {
  name: "index",
  methods:{
    refreshPage(){
      location.reload()
    }
  }
}
</script>

<style lang="scss">
.sys-error {
  width: 100%;
  margin-top: 0;
  height: calc(100vh - 90px);
  .se-top{
    text-align: center;
    padding-top: 150px;

  }
  .se-mid{
    text-align: center;
    padding-top: 20px;
    color: #fba113;
    i{
      cursor: pointer;
      font-weight: bold;
    }
  }
}
</style>
